@charset "UTF-8";
body {
  font-family: "Arial Normal", "Arial";
}
body a{
  text-decoration: none;
  color: #999;
}
.main {
  padding-bottom: 40px;
  min-height: 100vh;
}
.main .header {
  height: 80px;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border-bottom: 1px solid #ececec;
}
.main .header .header-left {
  display: flex;
}
.main .header .header-left img {
  height: 50px;
}
.main .header .header-left .title-container {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.main .header .header-left .title-container .title {
  font-size: 20px;
}
.main .header .header-left .title-container .sub-title {
  font-size: 11px;
}
.main .header .header-right {
  display: flex;
}
.main .header .header-right .nav-container {
  display: flex;
  margin-right: 40px;
}
.main .header .header-right .nav-container .nav-item {
  padding: 0 10px;
}
.main .header .header-right .nav-container .nav-item:hover {
  cursor: pointer;
}
.main .header .header-right .nav-container .nav-item .title {
  line-height: 80px;
  font-size: 18px;
  color: #999999;
  font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑;
  font-weight: 700;
}
.main .header .header-right .nav-container .nav-item .content {
  z-index: 10000;
  display: none;
  position: absolute;
  right: 0;
  width: 1000px;
  background-color: #fff;
}
.main .header .header-right .nav-container .nav-item .content .content-left {
  width: 200px;
  background-color: #ececec;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}
.main .header .header-right .nav-container .nav-item .content .content-left .left-title {
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  line-height: 32px;
  text-align: center;
}
.main .header .header-right .nav-container .nav-item .content .content-right {
  width: 800px;
  padding: 10px 20px;
}
.main .header .header-right .nav-container .nav-item .content .content-right .img-title {
  font-size: 20px;
  font-weight: bold;
  color: #999999;
}
.main .header .header-right .nav-container .nav-item .content .content-right .img {
  width: 640px;
  height: 180px;
  margin-top: 10px;
  background-position: center;
  background-size: cover;
}
.main .header .header-right .nav-container .nav-item:hover .content {
  display: flex;
}
.main .header .header-right .search-container {
  display: flex;
  align-items: center;
}
.main .header .header-right .search-container .input-container {
  display: flex;
  align-items: center;
  border: 1px #ccc solid;
  padding: 0 10px;
}
.main .header .header-right .search-container .input-container input {
  width: 160px;
  border: none;
  height: 40px;
  outline: none;
}
.main .header .header-right .search-container .input-container img {
  width: 20px;
  height: 20px;
}
.main .header .header-right .search-container .input-container img:hover {
  cursor: pointer;
}
.main .banner-container {
  height: 450px;
}
.main .banner-container .swiper-container {
  width: 100%;
  height: 100%;
}
.main .banner-container .swiper-slide {
  text-align: center;
  background-position: center;
  background-size: cover;
}
.main .news-content {
  padding: 0 60px;
}
.main .news-content .news-content-row {
  display: flex;
  justify-content: space-between;
  height: 350px;
  margin-top: 30px;
}
.main .news-content .news-content-row .module {
  width: 49%;
}
.main .news-content .news-content-row .module .swiper-container {
  width: 100%;
  height: 100%;
}

.main .news-content .news-content-row .module .swiper-container-height {
  height: 320px;
}

.main .news-content .news-content-row .module .swiper-slide {
  text-align: center;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: flex-end;
}
.main .news-content .news-content-row .module .swiper-slide .news-title {
  width: 100%;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  padding: 10px 20px;
}
.main .news-content .news-content-row .module .news-item {
  padding: 10px 20px;
  height: 330px;
  box-shadow: 0 0 6px #ccc;
  overflow: hidden;
}
.main .news-content .news-content-row .module .news-item .news-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main .news-content .news-content-row .module .news-item .news-item-header .tab-container {
  display: flex;
}
.main .news-content .news-content-row .module .news-item .news-item-header .tab-container .tab-item {
  font-size: 16px;
  padding: 10px 30px;
  margin-left: 4px;
}
.main .news-content .news-content-row .module .news-item .news-item-header .tab-container .tab-item.active {
  background-color: #cb283b;
  color: #fff;
}
.main .news-content .news-content-row .module .news-item .news-item-header .more {
  font-size: 14px;
}
.main .news-content .news-content-row .module .news-item .news-item-ul {
  padding: 10px 0;
}
.main .news-content .news-content-row .module .news-item .news-item-ul .news-item-li {
  display: flex;
  justify-content: space-between;
  padding: 6px;
  font-size: 14px;
  line-height: 28px;
  border-bottom: 1px solid #ececec;
}
.main .news-content .news-content-row .module .news-item .news-item-ul .news-item-li .news-item-title {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

.main .news-content .news-content-row .module .news-item .news-item-ul .news-item-li .news-item-title:hover {
  font-weight: bold;
  font-size: 15px;
}

.main .news-content .news-content-row .module .news-item .news-item-ul .news-item-li .news-item-time {
  flex: none;
  color: #999;
}
.main .news-content .news-content-row .module .video-title {
  line-height: 30px;
  font-size: 16px;
  color: #999;
  padding-left: 20px;
  border-left: 10px solid #cb283b;
}
.main .news-content .news-content-row .module .video-content {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.main .news-content .news-content-row .module .video-content video {
  width: 100%;
  height: 310px;
}

.main .streamer-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 60px;
  box-sizing: border-box;
}
.main .streamer-container .streamer-img {
  height: 120px;
  width: 100%;
  margin-top: 30px;
}

.main .search-result {
  padding: 30px 200px;
}
.main .search-result .title {
  font-size: 24px;
  line-height: 60px;
  text-align: center;
  border-bottom: 1px solid #ececec;
}
.main .search-result .result {
  padding: 0 100px;
}
.main .search-result .result .result-item {
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
}
.main .article-container .article-banner {
  height: 300px;
  background-position: center;
  background-size: cover;
}
.main .article-container .article-nav {
  background-color: #f2f2f2;
  height: 60px;
  padding: 0 150px;
  display: flex;
}
.main .article-container .article-nav .nav-item {
  padding: 0 20px;
  color: #999;
  line-height: 60px;
  font-size: 16px;
}
.main .article-container .article-nav .nav-item.active {
  color: #cb283b;
  border-bottom: 3px solid #cb283b;
}
.main .article-container .article-content {
  padding: 0 200px;
}
.main .article-container .article-content .title {
  text-align: center;
  font-size: 24px;
  line-height: 80px;
  border-bottom: 1px solid #ececec;
}
.main .article-container .article-content .article-info {
  text-align: center;
  line-height: 50px;
  font-size: 16px;
}
.main .article-container .article-content .content {
  font-size: 20px;
}
.main .article-container .article-content .content .event-record-ul {
  font-size: 16px;
  line-height: 28px;
}
.main .article-container .article-content .content .event-record-ul .event-record-li {
  margin-top: 20px;
  display: flex;
}
.main .article-container .article-content .content .event-record-ul .event-record-li .event-record-img {
  flex: none;
  width: 245px;
  height: 125px;
  background-position: center;
  background-size: cover;
}
.main .article-container .article-content .content .event-record-ul .event-record-li .event-record-content {
  flex: 1;
  margin-left: 20px;
  width: 0;
}
.main .article-container .article-content .content .event-record-ul .event-record-li .event-record-content .event-record-title {
  font-weight: bold;
  white-space: nowrap;
  /* 规定文本是否折行 */
  overflow: hidden;
  /* 规定超出内容宽度的元素隐藏 */
  text-overflow: ellipsis;
}
.main .article-container .article-content .content .event-record-ul .event-record-li .event-record-content .event-record-info {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.main .article-container .article-content .content .major-info-ul {
  padding: 0 100px;
}
.main .article-container .article-content .content .major-info-ul .major-info-li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ececec;
  font-size: 16px;
  line-height: 48px;
}
.main .article-container .article-content .content .major-info-ul .major-info-li .major-info-time {
  font-size: 12px;
}
.main .article-container .article-content .content .news-video-ul {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.main .article-container .article-content .content .news-video-ul .news-video-li {
  width: 340px;
  margin-left: 30px;
  font-size: 0;
}
.main .article-container .article-content .content .news-video-ul .news-video-li img {
  width: 340px;
  height: 230px;
}
.main .article-container .article-content .content .news-video-ul .news-video-li .news-video-info {
  background-color: #f9f9f9;
  border: 1px solid #e9e9e9;
  font-size: 15px;
  line-height: 20px;
  padding: 6px 10px;
}
.main .article-container .article-content .content .news-video-ul .news-video-li .news-video-info .news-video-title {
  font-weight: bold;
}
.main .article-container .article-content .content .news-video-ul .news-video-li .news-video-info .news-video-time {
  display: flex;
  justify-content: flex-end;
}
.main .page-container{
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.main .page-container li{
  margin-left: 20px;
  font-size: 14px;
}
.main .page-container li span{
  margin-left: 10px;
}
.footer {
  height: 190px;
  background-color: #cb2118;
  padding: 0 100px;
  display: flex;
  justify-content: space-between;
  color: #fff;
  font-size: 14px;
}
.footer .footer-left {
  margin-top: 20px;
}
.footer .footer-left .footer-info {
  margin-top: 20px;
}
.footer .footer-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 35px;
}
.footer .footer-right img {
  width: 100px;
  height: 100px;
}
.footer .footer-right text {
  margin-top: 10px;
}

/*# sourceMappingURL=index.css.map */